<script setup>
</script>

<template>
  <div class="userdetail-container">
    <el-row justify="space-between">
      <el-col :span="21">
        <div style="display: flex; align-items: center;">
          <el-icon style="cursor: pointer;" @click="$router.push('/audit')">
            <Back />
          </el-icon>
          <div class="title-name">
            实名认证
          </div>
        </div>
      </el-col>
      <el-col :span="3" style="display: flex; align-items: center;">
        <div style="margin-right: 10px;;">状态</div>
        <el-button type="success">认证通过</el-button>
      </el-col>
    </el-row>

    <el-divider />

    <el-row align="center">
      <el-col :span="2">姓名</el-col>
      <el-col :span="2">朱斌</el-col>
      <el-col :span="2">身份证</el-col>
      <el-col :span="2">31213297438472837</el-col>
    </el-row>

    <div class="imgs">
      <div class="wrap">
        <el-image />
        <div>
          身份证正面
        </div>
      </div>
    </div>
  </div>
</template>

<style lang="scss">
.userdetail-container {
  .title-name {
    font-size: 21px;
    font-weight: bold;
    padding: 0 15px;
    border-left: 1px solid #ccc;
    margin-left: 15px;
  }

  .imgs {
    display: flex;
    flex-wrap: wrap;

    .wrap {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      .el-image {
        width: 360px;
      }
    }
  }
}
</style>